<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 阿里云播放器需要的插件和样式 -->
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript"
        src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>

<body>
    <!-- 根据播放凭证播放视频，常用，用于加密的视频播放 -->
    <div class="prism-player" id="J_prismPlayer"></div>
    <script>
        var player = new Aliplayer({
            id: 'J_prismPlayer',
            width: '100%',
            autoplay: false,
            cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
            //播放配置
            encryptType: '1',//如果播放加密视频，则需设置encryptType=1，非加密视频无需设置此项
            vid: '2bde80199b9f4e7cb826eca08063c689',
            //授权码前后不要有空格
            playauth: 'eyJTZWN1cml0eVRva2VuIjoiQ0FJUzN3SjFxNkZ0NUIyeWZTaklyNWIwZWRQWHJvaDMzb0c0YWxMenZtNFJZdHRxb2ZiT3N6ejJJSHBOZTNocUIrMGZzUGt3bEdsVTZmZ2Nsck1xRWNjZkdSMmRNSnN0djhzUHJGMzRKcExGc3QySjZyOEpqc1VFL094VHpWaXBzdlhKYXNEVkVma3VFNVhFTWlJNS8wMGU2TC8rY2lyWVhEN0JHSmFWaUpsaFE4MEtWdzJqRjFSdkQ4dFhJUTBRazYxOUszemRaOW1nTGlidWkzdnhDa1J2MkhCaWptOHR4cW1qL015UTV4MzFpMXYweStCM3dZSHRPY3FjYThCOU1ZMVdUc3Uxdm9oemFyR1Q2Q3BaK2psTStxQVU2cWxZNG1YcnM5cUhFa0ZOd0JpWFNaMjJsT2RpTndoa2ZLTTNOcmRacGZ6bjc1MUN0L2ZVaXA3OHhtUW1YNGdYY1Z5R0ZkMzhtcE9aUXJ6eGFvWmdLZStxQVJtWGpJRFRiS3VTbWhnL2ZIY1dPRGxOZjljY01YSnFBWFF1TUdxQWMvRDJvZzZYTzFuK0ZQamNqUDVvajRBSjVsSHA3TWVNR1YrRGVMeVF5aDBFSWFVN2EwNDQxTUtpUXVranBzUWFnQUU3UnhaQ09ramQvcXVIajBSdEV2NDNnUjZ3TzhNd3E5QjJsYTNrcXdBQVlMaHFUc1Q0M3FkN0RESVhPaXFxR1FRTCtpczRPZjZZTXFlYTZxS29qT05IT0Q2SFNLQ1ZKWWpJNTRCWkxzTVNPdmF4MmN1bHRVSDVHcGVOVWlSc3Vtb0xkWHJ5RFcwWGNOOVV1c0Z1MytDUTZlWFl2VmVIOTNGVWNBU2NlWFpOSXc9PSIsIkF1dGhJbmZvIjoie1wiQ0lcIjpcIitpbHQwVHZkaEg5NDROamFsOW9GU3N0NjM2M1cxazBiUm0wY3BuWE1FTTB5NzYxa0ZnNzVXN0NvTVF0alhNZlFcXHJcXG5cIixcIkNhbGxlclwiOlwiZW11MGRIOG1UK1YrOCtiTUNXdTI0TDBDYlliakVlaXlmSTB2WGNYQXVnTT1cXHJcXG5cIixcIkV4cGlyZVRpbWVcIjpcIjIwMjAtMDYtMjRUMDU6NTU6NTNaXCIsXCJNZWRpYUlkXCI6XCIyYmRlODAxOTliOWY0ZTdjYjgyNmVjYTA4MDYzYzY4OVwiLFwiU2lnbmF0dXJlXCI6XCJCQXRVeEFvN3U5SWJPNUxJb00wMEhhRFg2WXM9XCJ9IiwiVmlkZW9NZXRhIjp7IlN0YXR1cyI6Ik5vcm1hbCIsIlZpZGVvSWQiOiIyYmRlODAxOTliOWY0ZTdjYjgyNmVjYTA4MDYzYzY4OSIsIlRpdGxlIjoiNiAtIFdoYXQgSWYgSSBXYW50IHRvIE1vdmUgRmFzdGVyIiwiQ292ZXJVUkwiOiJodHRwOi8vb3V0aW4tMjQ1Y2VmODViNDgyMTFlYWFiYTEwMDE2M2UxYTNiNGEub3NzLWNuLXNoYW5naGFpLmFsaXl1bmNzLmNvbS8yYmRlODAxOTliOWY0ZTdjYjgyNmVjYTA4MDYzYzY4OS9zbmFwc2hvdHMvMDU4NDMxOTg5YTY4NDhjN2I3OGRjZGUzMjc5MWIzMjEtMDAwMDEuanBnP0V4cGlyZXM9MTU5Mjk4MTY1MyZPU1NBY2Nlc3NLZXlJZD1MVEFJVlZmWXg2RDBIZUwyJlNpZ25hdHVyZT1xS3JqMUpSamxaTHh0c3daVThUMjl2OWhWaHclM0QiLCJEdXJhdGlvbiI6MTYuMjc2N30sIkFjY2Vzc0tleUlkIjoiU1RTLk5VQTJpY0NXVmlDU2h0QlpuRG5URk4zZVEiLCJBY2Nlc3NLZXlTZWNyZXQiOiI3UUhBMm9zTmdVMUY0VkVjNnZuUnlEUGRpZGtGSExVOFFhSDVOa3FCZ0Y5SCIsIlJlZ2lvbiI6ImNuLXNoYW5naGFpIiwiQ3VzdG9tZXJJZCI6MTIwMjQ5MTU4NTk3MDU2MX0',
        }, function (player) {
            console.log('播放器创建好了。')
        });
    </script>
</body>

</html>